<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,ininial=1,maximum=1,user-scalable=no">
    <script type="text/javascript" src="./js/winResponsive.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/list.css">
</head>
<body>
    <div class="header">
        <div class="top">
            <div class="box clearfix">
                <div class="left">
                    <a href=""><img src="images/i-top-s.png" alt=""></a>
                    <a href=""><img src="images/i-top-mail.png" alt=""></a>
                    <a href=""><img src="images/i-top-phone.png" alt=""></a>
                </div>
                <div class="right">
                    <a href="">伊森官方旗舰网站欢迎您的光临</a>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="box clearfix">
                <div class="log">
                    <a href="">
                        <img src="images/log.png" alt="">
                    </a>
                </div>

                <nav>
                    <ul>
                        <li><a href="">首页</a></li>
                        <li><a href="">关于伊森</a></li>
                        <li><a href="">产品系列</a></li>
                        <li><a href="">售后服务</a></li>
                        <li><a href="">联系伊森</a></li>
                    </ul>
                </nav>

            </div>
        </div>
    </div>



    <div class="body">
        <div class="top">
            <div class="box">
                
                <a href="">
                    <img class="picture" src="images/l-background.jpg" alt="">
                </a>
                <a href="">
                    <img class="picture" src="images/l-background.jpg" alt="">
                </a>
                <a href="">
                    <img class="picture" src="images/l-background.jpg" alt="">
                </a>
                <img class="cen" src="images/l-background.jpg" alt="">
            </div>
        </div>

        <div class="bottom">
            <nav>
                
                <ul>
                    <li>
                        您的位置
                    </li>
                    <li>
                        <a href="">首页</a>
                    </li>
                    <li>&gt;</li>
                    <li>
                        <a href="">产品系列</a>
                    </li>
                    <li>&gt;</li>
                    <li>
                        <a href="">男士腕表系列</a>
                    </li>
                    
                </ul>
            </nav>

            <div class="left">
                <div>所有伊森腕表</div>
                <div class="condition">隐藏筛选条件 <span class="plus">+</span><span class="reduce">-</span></div>
                <ul class="condition1">
                    <li>尺寸 <span class="plus">+</span><span class="reduce">-</span></li>
                    <li>功能 <span class="plus">+</span><span class="reduce">-</span></li>
                    <li>材质 <span class="plus">+</span><span class="reduce">-</span></li>
                    <li>价格 <span class="plus">+</span><span class="reduce">-</span></li>
                </ul>
                <div class="all">查看所有</div>
                <div class="boy">男士腕表系列 <span class="plus">+</span><span class="reduce">-</span></div>
                <ul class="boy1">
                    <li>男士腕表1</li>
                    <li>男士腕表2</li>
                    <li>男士腕表3</li>
                    <li>男士腕表4</li>
                    <li>男士腕表5</li>
                </ul>
                <div class="girl">女士腕表系列 <span class="plus">+</span><span class="reduce">-</span></div>
                <ul class="girl1">
                    <li>女士腕表1</li>
                    <li>女士腕表2</li>
                    <li>女士腕表3</li>
                    <li>女士腕表4</li>
                    <li>女士腕表5</li>
                </ul>
                <ul>

                </ul>
            </div>
            <div class="right">
                <div class="top">
                    <p>卓越性能与显赫象征</p>
                    <p>伊森腕表</p>
                    <p>伊森腕表蕴含最优质的原材料与一丝不苟的工艺，每件组件均由伊森自行以严格的标准设计及研制。</p>
                </div>
                <div class="bottom">
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <a href="">
                        <img src="./images/l-body-Watch.jpg" alt="">
                        <p>伊森男士腕表时尚</p>
                        <p>ZS-W001枫木</p>
                    </a>
                    <div class="page">
                        <span>上一页</span>
                        <span>1</span>
                        <span>2</span>
                        <span>3</span>
                        <span>4</span>
                        <span>5</span>
                        <span>...</span>
                        <span>10</span>
                        <span>下一页</span>
                        <input type="text">
                        <button>确认</button>
                    </div>
                </div>
            </div>
        </div>

    </div>



    <div class="footer">
        <div class="box">
            <div class="left">
                <p>伊森腕表品牌</p>
                <a href="">品牌简介</a>
                <a href="">总裁致辞</a>
                <a href="">员工关怀</a>
                <a href="">招商加盟</a>
                <a href="">人才招聘</a>
            </div>
            <div class="middle">
                <p>伊森腕表品牌</p>
                <a href="">品牌简介</a>
                <a href="">总裁致辞</a>
                <a href="">员工关怀</a>
                <a href="">招商加盟</a>
                <a href="">人才招聘</a>
            </div>
            <div class="right">
                <p>伊森腕表品牌</p>
                <a href="">品牌简介</a>
                <a href="">总裁致辞</a>
                <a href="">员工关怀</a>
                <a href="">招商加盟</a>
                <a href="">人才招聘</a>
            </div>
        </div>
        <div class="bottom clearfix">
            <p>Copyrigh2016伊森腕表版权所有</p>
            <p>粤ICP备1234567号</p>
            <p>贵宾专线：400-200-9999</p>
            <p>地址：广州市海珠区XX大厦1808室</p>
        </div>
    </div>
</body>
</html>